import style from './LT.module.css'
import { Avatar } from 'antd-mobile'
import React from "react";

export default function InformationDiv(props) {
    console.log("props",props);
    return <>123</>

    const userId = JSON.parse(localStorage.getItem("userInformation"))
    return <div className={style.information}>
        {props.message.map((i) => <div key={i.id}>
            {i.senderId._id === userId.arr._id ? <div style={{ border: "0.0417rem,solid" }}>
                {/* 我自己发的信息 */}
                <div className={style.myInformation} >
                    <Avatar src={i.senderId.imgUrl} />
                    {i.content}
                </div>

                <div style={{ clear: "both" }}></div>

            </div> : <div style={{ border: "0.0417rem,solid" }}>
                {/* 他人发的信息 */}
                <div className="othersInformation">
                    <Avatar src={i.recipientId.imgUrl} />
                    {i.recipientId.userName}
                </div>
                {i.content}
            </div>}

        </div>
        )}
    </div>
}